<template>
    <div class="bottom_box">
      <div class="bottom_box_mid">
        <div class="bottom_box_hrefs_box">
          <router-link to="/"><span>阿里巴巴集团</span></router-link>
          <router-link to="/"><span>淘宝网</span></router-link>
          <router-link to="/"><span>天猫</span></router-link>
          <router-link to="/"><span>聚划算</span></router-link>
          <router-link to="/"><span>阿里巴巴国际交易市场</span></router-link>
          <router-link to="/"><span>1688</span></router-link>
          <router-link to="/"><span>阿里妈妈</span></router-link>
          <router-link to="/"><span>飞猪</span></router-link>
          <router-link to="/"><span>阿里云计算</span></router-link>
          <router-link to="/"><span>AliOS</span></router-link>
          <router-link to="/"><span>阿里通信</span></router-link>
          <router-link to="/"><span>一淘</span></router-link>
          <router-link to="/"><span>万网</span></router-link>
          <router-link to="/"><span>高德</span></router-link>
          <router-link to="/"><span>UC</span></router-link>
          <router-link to="/"><span>阿里安全</span></router-link>
          <router-link to="/"><span>钉钉</span></router-link>
          <router-link to="/"><span>支付宝</span></router-link>
          <router-link to="/"><span>优酷</span></router-link>
          <router-link to="/"><span>土豆</span></router-link>
          <router-link to="/"><span>阿里健康</span></router-link>
          <router-link to="/"><span>阿里影业</span></router-link>
          <router-link to="/"><span>网商银行</span></router-link>
        </div>
        <div class="bottom_box_hrefs_box one_line">
          <router-link to="/"><span>关于小白商城</span></router-link>
          <router-link to="/"><span>营销中心</span></router-link>
          <router-link to="/"><span>廉政举报</span></router-link>
          <router-link to="/"><span>联系客服</span></router-link>
          <a @click="check_me_high" class="check_me_high"><span>点我嗨一下</span></a>
          <span>2022-现在 ©<router-link to="/">小白商场</router-link>版权所有</span>
        </div>
        <div class="bottom_box_hrefs_box unset_underline">
          <router-link to="/"><span>海外主机要个P的备案</span></router-link>
        </div>
      </div>
    </div>
</template>

<script>
export default {
  name: "bottom",
  methods: {
    check_me_high() {
      var img = document.querySelectorAll("img")
      for (var i=0;i<img.length;i++){
        console.log(img[i])
        img[i].style.animation = "high1 0.5s infinite"
      }
    }
  }
}
</script>

<style scoped>


.check_me_high {
  cursor: pointer;
}

.unset_underline {
  border-bottom: unset !important;
  height: 30px !important;
}

.one_line span {
  color: #958a7e;
  font-size: 12px;
  line-height: 30px
}

.one_line {
  width: 100%;
  height: 30px !important;
}

.bottom_box_hrefs_box a:hover {
  text-decoration: underline;
  color: #442f1a;
}

.bottom_box_hrefs_box a {
  margin-right: 15px;
  font-size: 12px;
  line-height: 22px;
  color: #958a7e;
  transition-duration: 0.3s;
}

.bottom_box_hrefs_box {
  width: 100%;
  height: 49px;
  margin-top: 10px;
  border-bottom: 1px solid #E4E7ED;
}

.bottom_box_mid {
  width: 1200px;
  height: 100%;
  padding-top: 10px;
  margin: 10px auto;
}

.bottom_box {
  width: 100%;
  height: auto;
  background-color: #ffffff;
}

</style>
